<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>Title</title>
    <link rel="stylesheet" href="../../flights/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../flights/css/public.css" media="all">
</head>
<body  background="../../flights/img/q.jpg">

<div class="layui-tab ">
    <ul class="layui-tab-title layui-bg-cyan ">
        <li>用户注册</li>
        <li>用户登录</li>
        <li>管理员登录</li>
    </ul>

    <div class="layui-tab-content" >
        <!-- 用户注册  -->
        <div class="layui-tab-item layui-show" >
           <div class="layui-col-md4 layui-col-md-offset4">
            <form class="layui-form " action="zhuce"  method="post" >
                <div class="layui-form-item">
                      <h2 style="text-align: center" >用户注册</h2>
                </div>
                <div class="layui-form-item" >
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block" style="width: 260px" >
                        <input  type="text"  name="loginName" lay-verify="title" autocomplete="off" placeholder="请输用户名" class="layui-input" maxlength="5"  minlength="5" >
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="password" name="loginPassword" lay-verify="password" autocomplete="off" placeholder="请输入密码" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="text" name="userName" lay-verify="title" autocomplete="off" placeholder="请输入姓名" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">身份证</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="text" name="userIdentity" lay-verify="identity" placeholder="请输入身份证" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="text" name="sex" lay-verify="title" autocomplete="off" placeholder="请输入性别" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">手机</label>
                    <div class="layui-input-block" style="width: 260px">
                    <input type="text" name="phone" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">地址</label>
                    <div class="layui-input-block" style="width: 260px">
                    <input type="text" name="address" lay-verify="title" placeholder="请输入地址" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                    <button type="submit" class="layui-btn "  lay-filter="demo1"><span><i class="layui-icon">&#xe609;</i>立即注册</span></button>
                    <button type="reset" class="layui-btn layui-btn-primary layui-btn layui-btn-warm "><span><i class="layui-icon">&#xe669;</i>重置</span></button>
                </div>

                </div>
            </form>
           </div>

    </div>

        <!-- 用户登录  -->
        <div class="layui-tab-item">
            <div  style="margin-top: 30px">
                <div class="layui-col-md4 layui-col-md-offset4">
                    <h2 style="text-align: center">用户登录</h2>
                </div>
                <form class="layui-form layui-col-md4 layui-col-md-offset4" method="post" action="login" style="margin-top: 25px" >
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-block" style="width: 260px">
                            <input type="text" name="loginName" lay-verify="title" autocomplete="off" placeholder="请输用户名" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item ">
                        <label class="layui-form-label">密码</label>
                        <div class="layui-input-block" style="width: 260px">
                            <input type="password" name="loginPassword" lay-verify="password" autocomplete="off" placeholder="请输入密码" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1"><span><i class="layui-icon">&#x1005;</i>登录</span></button>
                            <button type="reset" class="layui-btn layui-btn-primary layui-btn  layui-btn-warm"><span><i class="layui-icon">&#xe669;</i>重置</span></button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- 管理员登录  -->
        <div class="layui-tab-item">
            <div  style="margin-top: 30px">
            <div class="layui-col-md4 layui-col-md-offset4">
                <h2 style="text-align: center">管理员登录</h2>
            </div>
            <form class="layui-form layui-col-md4 layui-col-md-offset4" method="post" action="login1" style="margin-top: 25px" >
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="text" name="admUsername" lay-verify="title" autocomplete="off" placeholder="请输用户名" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-block" style="width: 260px">
                        <input type="password" name="admPassword" lay-verify="password" autocomplete="off" placeholder="请输入密码" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1"><span><i class="layui-icon">&#x1005;</i>登录</span></button>
                        <button type="reset" class="layui-btn layui-btn-primary layui-btn  layui-btn-warm"><span><i class="layui-icon">&#xe669;</i>重置</span></button>
                    </div>
                </div>
            </form>
        </div>
        </div>
    </div>
</div>

<!--切换选项卡-->
<script src="../../flights/layui/layui.js"></script>
<script src="../../flights/js/login.js"></script>
<script>
    layui.use(['layer','element','form','table'], function(){
        var layer = layui.layer
            ,element = layui.element
            ,table=layui.table
            ,form = layui.form
            var $ = layui.jquery

        element.render('tab')

        });
</script>
</body>
</html>